<template>
  <div class="report">
    <!-- <Header /> -->
    <div class="report_box">
      <el-main>
        <div v-if="data" class="content">
          <p v-html="data"></p>
        </div>
        <div v-else>
          <el-empty description="暂无信息"></el-empty>
        </div>
      </el-main>
    </div>
  </div>
</template>

<script>
import Header from "@/components/Header"
import Breadcrumb from '@/components/Breadcrumb'
import { IitigationDetail } from "@/api/user"
import { detail } from "@/api/newuser"

export default {
  components: {
    Header,
    Breadcrumb,
  },
  data() {
    return {
      data: "",
    }
  },
  async mounted() {
    try {
      const res = await detail({ cid: this.$route.query.id });
      this.data = res.html
    } catch (e) {
      this.$message.error(e.message);
    }

  },
  methods: {
  }
}
</script>

<style scoped lang="less">
.report_box {
  // width: 895px;
  margin: 20px 30px;
  // border:1px solid rgba(231,234,240,1);
}

/deep/ .content p {
  line-height: 30px;
}

@media (max-width: 750px) {
  .report_box {
    margin: 0;
  }
  .el-main {
    margin-left: 0;
  }
}
</style>
